<!--
 * @Author: 星孑
 * @Date: 2022-03-10 15:24:22
 * @LastEditors: 星孑
 * @LastEditTime: 2022-04-08 11:39:08
 * @FilePath: /admin/src/views/layoutLogin/layoutLogin.vue
 * @Description:
-->

<template>
  <div class="layoutLogin">
    <div class="layoutLogin__main">
      <div class="layoutLogin__main__content">
        <router-view />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {}
  },
  created() {},
  methods: {}
}
</script>
<style lang='scss' scoped>
.layoutLogin {
  width: 100%;
  height: 100%;
  background-color: #131738;
  &__main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    &__img {
      width: 390px;
      height: 430px;
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>
